*{
	padding :0 ; 
	margin : 0 ;
	font-family: 'Questrial', sans-serif;
	font-size : 14px; 
}

body{
	background : url(../images/masterbg.png); 
}

a{
    text-decoration: none ; 
    color: #7AA20B; 
}

a:hover{
    text-decoration: underline; 
    color: #7AA20B; 
}

a:active{
        text-decoration: none ; 
    color: orange; 
}
#top{
	width : 980px ; 
	height : 120px ;
	margin : 0 auto ; 
}

#logo{
	width : 500px ; 
	height : 110px  ; 
	display : block ;
	cursor : pointer ; 
	background: url(../images/ideaschool.png) no-repeat; 
	background-position : top ; 
}

#logo:hover{	
	background-position : bottom; 
}

#header-nowidth{
	background : url(../images/bg-header.png) repeat-x ;
	height : 39px ; 
	width : 100% ; 
}

#header{
	width : 1085px ; 
	height : 170px ;
	margin : 0 auto ; 
}

#shim1{
	width : 105px ; 
	height : 37.5px ; 
	background : url(../images/shim1.png) no-repeat ; 
	background-position : top ; 
	float : left ; 
}

#shim2{
	width : 105px ; 
	height : 37.5px ; 
	background : url(../images/shim2.png) no-repeat ; 
	background-position : top ; 
	float : left ; 
}

#header ul{
	list-style : none ; 
}

#header a{
	text-decoration : none ; 
}

#header li{
	width : 105px ; 
	height : 30.5px ; 
	background : url(../images/bg-menu.png) no-repeat ; 
	background-position : top ; 
	float : left ; 
	padding-top : 7px;
	text-align : center ; 
	font-size : 18px ; 
	color : white ; 
	font-weight : bold  ; 
}

#header li:hover{
	 text-shadow: white 0px 0px 6px;
}

#header li:active{
	background-position : bottom ; 
}

#connecter{
	height : 29.3px ; 
	width : 159px ;
	background : url(../images/bouton.png) ;
	background-position : top ;
	display  : block ; 
	cursor : pointer ; 
	border : none ; 
	position : absolute ; 
	margin-left : 805px ; 
	margin-top : 5px ; 
}

#connecter:hover{
	background-position : center ; 
}

#connecter:active{
	background-position : bottom; 
}



footer{
	background: url(../images/bg-footer.png) repeat-x  ; 
	height : 15px ; 
        padding-top: 190px ;
        font-size: 12px ;       
        text-align: center ; 
        margin-top: 100px ; 
}

#footer{
      margin: auto ; 
    width: 900px ; 
    text-align: center ; 
}


/***************** MAIN *****************/

#vcard{
	width:260px; 
	height : 250px ; 
	position : absolute ; 
	background : url(../images/vcard.png) no-repeat center ; 
	margin-left : 680px ; 
        padding-left: 10px ; 
        padding-top: 50px ;
}

.detailCom{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color : white ;
    width : 600px ;
     border: 1px solid #7AA20B; 
    padding : 10px 10px 10px 10px ;
    margin-left : 20px ;
}

#tagcloud{
    width: 245px; 
    height : 200px ; 
    position : absolute ; 
    border: 1px solid #7AA20B; 
    margin-left : 680px ; 
    margin-top: 300px;
    padding-left: 10px ; 
    padding-right: 5px;
    padding-top: 50px ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#avatar{
    position: absolute ; 
    margin-left: 208px ; 
    margin-top: -17px ; 
    height: 30px ; 
    width: 30px ; 
}

#main{

    width: 980px; 
    margin: auto; 
}

#main fieldset{
    margin-left: 20px ; 
    width: 620px ; 
    text-align: center ; 
}

#main legend{
    margin-left: 200px; 
    font-weight: bold ; 
}
.margright50{
    width: 100px ;
    float : left ; 
    margin-right: 50px ;
}

#etat-mail{
    width: 200px ;
    float : left ; 
    margin-left: 160px ;
}
#etat-mdp{
    width: 400px ;
    float : left ; 
    margin-left: 160px ;
}

#etat-tag{
    width: 400px;
    float: left;
    margin-left: 160px;
}

.idea-top{
    width: 525px ; 
    padding-top: 10px ; 
    height:  40px ; 
    padding-left: 130px; 
    padding-right: 10px ;
    background: url(../images/top.png) ; 
}

.idea-top h2{
    margin-bottom: 5px ;   
}

.idea-mid{
    width: 655px ; 
    padding-right: 10px; 
    background: url(../images/middle.png) ;   
    background-repeat: repeat-y ; 
}

.main-idee{
    margin-left: 130px;
    display: block ; 
}

.idea-bottom{
    padding-top: 40px; 
    vertical-align: top ; 
    width: 615px ; 
    height:  169px ; 
    background: url(../images/bottom.png) ; 
    padding-left: 50px ; 
}

.idea-bottom p{
    float: left ; 
}


.classement{
    float:left; 
    margin-top: 50px ; 
    margin-left: 20px; 
    margin-right: 10px ;
    position: absolute; 
}


.plus{
    border : none ; 
    width: 100px ; 
    cursor: pointer; 
    height: 50px ;
    background: url(../images/plus.png) no-repeat ;     
    background-position: bottom ; 
}

.plus:hover{
    background-position: top; 
}

.plus:active{
    background-position: center; 
}



.moins{
    border : none ; 
    cursor: pointer; 
    width: 100px ; 
    height: 50px ;
    background: url(../images/moins.png) no-repeat ; 
    background-position: bottom ; 
}

.moins:hover{
    background-position: top; 
}

.moins:active{
    background-position: center; 
}


.checkbox{
	margin-right : 10px; 
}

/*******************INSCRIPTION*********************/

#etat-mail{
    margin-right: 445px;
}

.input-text{
    width : 230px ;
    height : 33px ;
    padding: 2px 10px 0 10px ; 
    display: block ;
    position: relative; 
    border : none ;
    outline: none;
    background-image: url(../images/input-form.png);
    background-position : top;
}
.input-text:focus{
    background-position : 0px 105px;
}

.validerForm{
	height : 29.3px ; 
	width : 159px ;
	background : url(../images/bouton.png) ;
	background-position : top ;
	display  : block ; 
	cursor : pointer ; 
	border : none ;   
        z-index: 100 ; 
        position: absolute; 
        margin-bottom: 10px ; 
    margin-left: 250px ;
}

.validerForm:hover{
    background-position: center; 
}

.validerForm:active{
    background-position: bottom; 
}

.input{
    border: none ; 
    background: url(../images/input.png) no-repeat;
    height: 35px ; 
    width: 230px; 
    background-position: bottom ;
    outline: none ; 
    padding-left: 10px; 
    padding-right: 10px; 
}

.input:focus{
    background-position: top ;
}

.textarea{
    border: none ; 
    background: url(../images/textarea.png) no-repeat;
    height: 125px ; 
    width: 359px; 
    background-position: top ;
    outline: none ; 
    resize : none ;
    padding: 10px 10px 10px 10px ;
}

.textarea:focus{
    background-position: 0 -145px;
}

#formulaire{
    margin-left: 40px ; 
    height: 250px ; 
}

/*************** CONTACT  ***************/

#contact{
    background: url(../images/envelope.png) no-repeat ; 
    width: 873px ; 
    height: 514px ; 
}

#contact .inputNom{
    width: 380px ; 
    height: 27px ; 
    padding: 5px 10px 0 10px ; 
    margin-top: 180px ; 
    margin-left: 343px ; 
    position: absolute; 
    border: none ; 
    background: transparent ;
    outline: none ;
}

#contact .inputPrenom{
    width: 380px ; 
    height: 27px ; 
    padding: 5px 10px 0 10px ; 
    margin-top: 240px ; 
    margin-left: 343px ; 
    position: absolute;     
    border: none ; 
    background: transparent ;
    outline: none ;
}

#contact .inputTexte{
    width: 395px ; 
    height: 120px ; 
    padding: 5px 10px 0 10px ; 
    margin-top: 300px ; 
    margin-left: 340px ; 
    position: absolute; 
    resize : none ; 
    border: none ; 
    outline: none ;
    background: transparent ;
}

.save{
    background: url(../images/save.png) no-repeat ; 
    width: 32px ; 
    height: 0 ; 
    padding-top: 32px ;
    -webkit-border-fit : none; 
    cursor: pointer ; 
    border: none ; 
    float: left ; 
    margin-left: -60px ; 
    position: absolute ; 
    overflow: hidden ; 
    background-position: top ; 
}

.saveNone{
    background: url(../images/saveNone.png) no-repeat ; 
    width: 32px ; 
    height: 0 ; 
    padding-top: 32px ;
    -webkit-border-fit : none; 
    cursor: pointer ; 
    border: none ; 
    margin-left: -60px ; 
    position: absolute ; 
    float: left ; 
    overflow: hidden ; 
    background-position: bottom ;   
}

#tabstatut caption{
    font-weight: bold ; 
    font-size: 20px ; 
    margin-bottom: 10px ; 
}
#tabstatut td{
    border : 1px outset;
    padding : 15px;
}

#tabstatut tr.ligne1{ 
    background-color: #BFD859; 
    color: black ; 
}


#tabstatut tr.ligne2{ 
    background-color: white; 
    color : black ; 
}

.archiveoui{
    background-color:#c2c3c4 ;
}

#tabstatut tr:hover.ligne1, #tabstatut tr:hover.ligne2 { background-color: #F3BB2F ; }

#tabidee, #tabcom, #tabvote {
    color : black;
    text-align: center;
}

#tabidee td, #tabcom td, #tabvote td{
    border : 1px outset;
    padding : 15px;
}

#tabidee tr.ligne1, #tabcom tr.ligne1, #tabvote tr.ligne1{ 
    background-color: #BFD859;
}

#tabidee tr.ligne2, #tabcom tr.ligne2, #tabvote tr.ligne2{ 
    background-color: white; 
}

#tabidee tr:hover.ligne1, #tabidee tr:hover.ligne2, #tabcom tr.ligne1:hover, #tabcom tr.ligne2:hover, #tabvote tr.ligne1:hover, #tabvote tr.ligne2:hover { 
    background-color:  #F3BB2F ; 
    cursor: pointer;
}

.casetitre{
    width: 120px;
    text-align: center;
}

.statutNon{
    background: url(../images/true.png) no-repeat;
    cursor: pointer ; 
    width: 30px ;
    height: 0px ; 
    padding-top : 27px ; 
    overflow: hidden ; 
}

.statutOui{
    background: url(../images/lock.png) no-repeat;
    cursor: pointer ; 
    width: 32px ;
    height: 0px ; 
    padding-top : 27px ; 
    overflow: hidden ; 
}

.adminOui{
    background: url(../images/true.png) no-repeat;
    cursor: pointer ; 
    width: 30px ;
    height: 0px ; 
    padding-top : 27px ; 
    overflow: hidden ;
}

.adminNon{
    background: url(../images/false.png) no-repeat;
    cursor: pointer ; 
    width: 30px ;
    height: 0px ; 
    padding-top : 27px ; 
    overflow: hidden ;
}

.titre{
    text-align: center;
    width: 700px ;
    height: 40px ;
    font-size: 25px;     
    color: #6E9F19; 
    padding-top: 10px ; 
    padding-left: 10px ; 
}

#infoprofil{
    background: url(../images/admin/bg-infoperso.png) no-repeat;
    width: 980px ; 
    margin: 0 auto ; 
    height:  350px ;  
    padding-left: 20px;
}
#infoprofil label{
    font-weight: bold;
}
#infoprofil ul{
    padding-left: 15px;
}

.menu-large-top-gestion{
    background: url(../images/admin/menu-large-top.png) no-repeat ;
    width: 902px ;
    height: 40px ;
    font-size: 20px;
    color: #6E9F19;
    padding-top: 10px ;
    padding-left: 10px ;
}

.menu-large-middle-gestion{
    background: url(../images/admin/menu-large-middle.png) repeat-y ; 
    width: 912px ;
    height: 70px;
    padding : 0 10px 0 10px  ; 
    font-size: 14px ; 
    color: #9b9a9c ; 
    
}

.menu-large-bottom{
    background: url(../images/admin/menu-large-bottom.png) no-repeat ; 
    width: 912px ;
    height: 11px ;
}

.validerPForm{
    margin-left: 10px;
    height : 29.3px ; 
    width : 159px ;
    background : url(../images/bouton.png) ;
    background-position : top ;
    cursor : pointer ;
    border : none ;
    z-index: 100 ;
}